<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width,initial-scale=1">
        <title>Mednalytics</title>
        <!-- Iconic Fonts -->
        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
        <link href="../../vendors/iconic-fonts/font-awesome/css/all.min.css" rel="stylesheet">
        <link rel="stylesheet" href="../../vendors/iconic-fonts/flat-icons/flaticon.css">
        <link rel="stylesheet" href="../../vendors/iconic-fonts/cryptocoins/cryptocoins.css">
        <link rel="stylesheet" href="../../vendors/iconic-fonts/cryptocoins/cryptocoins-colors.css">
        <!-- Bootstrap core CSS -->
        <link href="../../assets/css/bootstrap.min.css" rel="stylesheet">
        <!-- jQuery UI -->
        <link href="../../assets/css/jquery-ui.min.css" rel="stylesheet">
        <!-- Mednalytics styles -->
        <link href="../../assets/css/style.css" rel="stylesheet">

        <!-- Favicon -->
        <link rel="icon" type="image/png" sizes="32x32" href="../../favicon.ico">
    </head>
    <body class="ms-body ms-aside-left-open ms-primary-theme ms-has-quickbar">
        <!-- Setting Panel -->
        <script src="../../assets/reuseCode/top.js"></script>
            <!-- Body Content Wrapper -->
            <div class="ms-content-wrapper">
                <div class="ms-panel ms-email-panel">
                    <div class="ms-panel-body p-0">
                        <div class="ms-email-aside">
                            <a href="#" class="btn btn-primary w-100 mt-0 has-icon"> <i class="flaticon-pencil"></i> 写邮件 </a>
                            <ul class="ms-list ms-email-list">
                                <li class="ms-list-item ms-email-label"> Main </li>
                                <li class="ms-list-item ms-active-email"> <a href="#"> <i class="material-icons ms-has-notification">mail</i> 收件箱  <span>32</span> </a> </li>
                                <li class="ms-list-item"> <a href="#"> <i class="material-icons">flag</i> 标记邮件 <span>12</span> </a> </li>
                                <li class="ms-list-item"> <a href="#"> <i class="material-icons">chat</i> 垃圾邮件 <span>17</span> </a> </li>
                                <li class="ms-list-item"> <a href="#"> <i class="material-icons">drafts</i> 草稿箱 <span>22</span> </a> </li>
                                <li class="ms-list-item"> <a href="#"> <i class="material-icons">send</i> 已发送 <span>51</span> </a> </li>
                                <li class="ms-list-item"> <a href="#"> <i class="material-icons">delete</i> 回收站 <span>33</span> </a> </li>
                            </ul>
                            <ul class="ms-list ms-email-list">
                                <li class="ms-list-item ms-email-label">Folders</li>
                                <li class="ms-list-item"> <a href="#"><i class="material-icons">folder</i> 社交媒体 <span>123</span> </a> </li>
                                <li class="ms-list-item"> <a href="#"><i class="material-icons">folder</i> 促销 <span>175</span> </a> </li>
                                <li class="ms-list-item"> <a href="#"><i class="material-icons">folder</i> 更新 <span>12</span> </a> </li>
                            </ul>
                            <ul class="ms-list ms-email-list bb-0">
                                <li class="ms-list-item ms-email-label">Others</li>
                                <li class="ms-list-item"> <a href="#"> <i class="material-icons">local_phone</i> 电话留言 <span>2</span> </a>  </li>
                                <li class="ms-list-item"> <a href="#"> <i class="material-icons">contacts</i> 联系人 <span>233</span> </a> </li>
                                <li class="ms-list-item"> <a href="#"> <i class="material-icons">group</i> 分组 <span>8</span> </a> </li>
                            </ul>
                            <div class="ms-email-config">
                                <div class="progress progress-tiny">
                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                </div>
                                <p class="mb-0">已使用54.27 GB <br>剩余150 GB</p>
                                <a href="#">存储管理</a>
                            </div>
                        </div>
                        <!-- Email Main -->
                        <div class="ms-email-main">
                            <div class="ms-panel-header">
                                <h6>收件箱</h6>
                                <p>您有17条未读邮件</p>
                                <ul class="ms-email-pagination">
                                    <li>50-100条 / 985条</li>
                                    <li class="ms-email-pagination-item"> <a href="#" class="ms-email-pagination-link"> <i class="material-icons">keyboard_arrow_left</i> </a>  </li>
                                    <li class="ms-email-pagination-item "> <a href="#" class="ms-email-pagination-link"> <i class="material-icons">keyboard_arrow_right</i> </a> </li>
                                </ul>
                            </div>
                            <div class="ms-email-header">
                                <ul class="ms-email-options">
                                    <li>
                                        <label class="ms-checkbox-wrap">
                                        <input type="checkbox" class="ms-email-check-all" value="">
                                        <i class="ms-checkbox-check"></i>
                                        </label>
                                        <div class="dropdown">
                                            <a href="#" class="has-chevron" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            选择
                                            </a>
                                            <ul class="dropdown-menu">
                                                <li class="ms-dropdown-list">
                                                    <a class="media p-2" href="#">
                                                        <div class="media-body">
                                                            <span>标为已读</span>
                                                        </div>
                                                    </a>
                                                    <a class="media p-2" href="#">
                                                        <div class="media-body">
                                                            <span>标记</span>
                                                        </div>
                                                    </a>
                                                    <a class="media p-2" href="#">
                                                        <div class="media-body">
                                                            <span>删除</span>
                                                        </div>
                                                    </a>
                                                    <a class="media p-2" href="#">
                                                        <div class="media-body">
                                                            <span>收藏</span>
                                                        </div>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                </ul>
                                <ul class="ms-email-options">
                                    <li><a href="#" class="text-disabled"> <i class="material-icons">refresh</i> 刷新 </a></li>
                                    <li><a href="#" class="text-disabled"> <i class="material-icons">local_offer</i> 标签 </a></li>
                                    <li><a href="#" class="text-disabled"> <i class="material-icons">folder</i> 文件夹 </a></li>
                                </ul>
                            </div>
                            <!-- Email Content -->
                            <div class="ms-email-content">
                                <ul class="ms-scrollable">
                                    <li class="media ms-email clearfix">
                                        <div class="ms-email-controls">
                                            <label class="ms-checkbox-wrap">
                                            <input type="checkbox" value="">
                                            <i class="ms-checkbox-check"></i>
                                            </label>
                                            <i class="material-icons ms-pin-email">flag</i>
                                        </div>
                                        <div class="ms-email-img mr-3 ">
                                            <img src="../../assets/img/dashboard/employee-list/employee-(2).jpg" class="ms-img-round" alt="people">
                                        </div>
                                        <div class="media-body ms-email-details">
                                            <span class="ms-email-sender">乔豆豆</span>
                                            <h6 class="ms-email-subject">评论了你的微博</h6>
                                            <span class="ms-email-time">2小时之前</span>
                                            <p class="ms-email-msg">一天少发那些没有营养的东西,</p>
                                        </div>
                                        <div class="dropdown">
                                            <a href="#" class="ms-hoverable-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <i class="material-icons">more_vert</i>
                                            </a>
                                            <ul class="dropdown-menu dropdown-menu-right">
                                                <li class="ms-dropdown-list">
                                                    <a class="media p-2" href="#">
                                                        <div class="media-body">
                                                            <span>标为已读</span>
                                                        </div>
                                                    </a>
                                                    <a class="media p-2 ms-pin-email" href="#">
                                                        <div class="media-body">
                                                            <span>添加标签</span>
                                                        </div>
                                                    </a>
                                                    <a class="media p-2" href="#">
                                                        <div class="media-body">
                                                            <span>收藏</span>
                                                        </div>
                                                    </a>
                                                    <a class="media p-2" href="#">
                                                        <div class="media-body">
                                                            <span>删除</span>
                                                        </div>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="media ms-email pinned clearfix">
                                        <div class="ms-email-controls">
                                            <label class="ms-checkbox-wrap">
                                            <input type="checkbox" value="">
                                            <i class="ms-checkbox-check"></i>
                                            </label>
                                            <i class="material-icons ms-pin-email">flag</i>
                                        </div>
                                        <div class="ms-email-img mr-3 ">
                                            <img src="../../assets/img/dashboard/employee-list/employee-(4).jpg" class="ms-img-round" alt="people">
                                        </div>
                                        <div class="media-body ms-email-details">
                                            <span class="ms-email-sender">乔豆豆</span>
                                            <h6 class="ms-email-subject">评论了你的微博</h6>
                                            <span class="ms-email-time">2小时之前</span>
                                            <p class="ms-email-msg">一天少发那些没有营养的东西,</p>
                                        </div>
                                        <div class="dropdown">
                                            <a href="#" class="ms-hoverable-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                <i class="material-icons">more_vert</i>
                                            </a>
                                            <ul class="dropdown-menu dropdown-menu-right">
                                                <li class="ms-dropdown-list">
                                                    <a class="media p-2" href="#">
                                                        <div class="media-body">
                                                            <span>标为已读</span>
                                                        </div>
                                                    </a>
                                                    <a class="media p-2 ms-pin-email" href="#">
                                                        <div class="media-body">
                                                            <span>添加标签</span>
                                                        </div>
                                                    </a>
                                                    <a class="media p-2" href="#">
                                                        <div class="media-body">
                                                            <span>收藏</span>
                                                        </div>
                                                    </a>
                                                    <a class="media p-2" href="#">
                                                        <div class="media-body">
                                                            <span>删除</span>
                                                        </div>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>

                                    <li class="media ms-email clearfix">
                                        <div class="ms-email-controls">
                                            <label class="ms-checkbox-wrap">
                                            <input type="checkbox" value="">
                                            <i class="ms-checkbox-check"></i>
                                            </label>
                                            <i class="material-icons ms-pin-email">flag</i>
                                        </div>
                                        <div class="ms-email-img mr-3 ">
                                            <img src="../../assets/img/dashboard/employee-list/employee-(6).jpg" class="ms-img-round" alt="people">
                                        </div>
                                        <div class="media-body ms-email-details">
                                            <span class="ms-email-sender">乔豆豆</span>
                                            <h6 class="ms-email-subject">评论了你的微博</h6>
                                            <span class="ms-email-time">2小时之前</span>
                                            <p class="ms-email-msg">一天少发那些没有营养的东西,</p>
                                        </div>
                                        <div class="dropdown">
                                            <a href="#" class="ms-hoverable-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                <i class="material-icons">more_vert</i>
                                            </a>
                                            <ul class="dropdown-menu dropdown-menu-right">
                                                <li class="ms-dropdown-list">
                                                    <a class="media p-2" href="#">
                                                        <div class="media-body">
                                                            <span>标为已读</span>
                                                        </div>
                                                    </a>
                                                    <a class="media p-2 ms-pin-email" href="#">
                                                        <div class="media-body">
                                                            <span>添加标签</span>
                                                        </div>
                                                    </a>
                                                    <a class="media p-2" href="#">
                                                        <div class="media-body">
                                                            <span>收藏</span>
                                                        </div>
                                                    </a>
                                                    <a class="media p-2" href="#">
                                                        <div class="media-body">
                                                            <span>删除</span>
                                                        </div>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="media ms-email clearfix">
                                        <div class="ms-email-controls">
                                            <label class="ms-checkbox-wrap">
                                            <input type="checkbox" value="">
                                            <i class="ms-checkbox-check"></i>
                                            </label>
                                            <i class="material-icons ms-pin-email">flag</i>
                                        </div>
                                        <div class="ms-email-img mr-3 ">
                                            <img src="../../assets/img/dashboard/employee-list/employee-(8).jpg" class="ms-img-round" alt="people">
                                        </div>
                                        <div class="media-body ms-email-details">
                                            <span class="ms-email-sender">乔豆豆</span>
                                            <h6 class="ms-email-subject">评论了你的微博</h6>
                                            <span class="ms-email-time">2小时之前</span>
                                            <p class="ms-email-msg">一天少发那些没有营养的东西,</p>
                                        </div>
                                        <div class="dropdown">
                                            <a href="#" class="ms-hoverable-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                <i class="material-icons">more_vert</i>
                                            </a>
                                            <ul class="dropdown-menu dropdown-menu-right">
                                                <li class="ms-dropdown-list">
                                                    <a class="media p-2" href="#">
                                                        <div class="media-body">
                                                            <span>标为已读</span>
                                                        </div>
                                                    </a>
                                                    <a class="media p-2 ms-pin-email" href="#">
                                                        <div class="media-body">
                                                            <span>添加标签</span>
                                                        </div>
                                                    </a>
                                                    <a class="media p-2" href="#">
                                                        <div class="media-body">
                                                            <span>收藏</span>
                                                        </div>
                                                    </a>
                                                    <a class="media p-2" href="#">
                                                        <div class="media-body">
                                                            <span>删除</span>
                                                        </div>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="media ms-email clearfix">
                                        <div class="ms-email-controls">
                                            <label class="ms-checkbox-wrap">
                                            <input type="checkbox" value="">
                                            <i class="ms-checkbox-check"></i>
                                            </label>
                                            <i class="material-icons ms-pin-email">flag</i>
                                        </div>
                                        <div class="ms-email-img mr-3 ">
                                            <img src="../../assets/img/dashboard/employee-list/employee-(1).jpg" class="ms-img-round" alt="people">
                                        </div>
                                        <div class="media-body ms-email-details">
                                            <span class="ms-email-sender">John Doe</span>
                                            <h6 class="ms-email-subject">[WordPress] New Comment</h6>
                                            <span class="ms-email-time">2 Hours ago</span>
                                            <p class="ms-email-msg">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In in arcu turpis. Nunc</p>
                                        </div>
                                        <div class="dropdown">
                                            <a href="#" class="ms-hoverable-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <i class="material-icons">more_vert</i>
                                            </a>
                                            <ul class="dropdown-menu dropdown-menu-right">
                                                <li class="ms-dropdown-list">
                                                    <a class="media p-2" href="#">
                                                        <div class="media-body">
                                                            <span>Mark as read</span>
                                                        </div>
                                                    </a>
                                                    <a class="media p-2 ms-pin-email" href="#">
                                                        <div class="media-body">
                                                            <span>Flag</span>
                                                        </div>
                                                    </a>
                                                    <a class="media p-2" href="#">
                                                        <div class="media-body">
                                                            <span>Archive</span>
                                                        </div>
                                                    </a>
                                                    <a class="media p-2" href="#">
                                                        <div class="media-body">
                                                            <span>Delete</span>
                                                        </div>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="media ms-email clearfix">
                                        <div class="ms-email-controls">
                                            <label class="ms-checkbox-wrap">
                                            <input type="checkbox" value="">
                                            <i class="ms-checkbox-check"></i>
                                            </label>
                                            <i class="material-icons ms-pin-email">flag</i>
                                        </div>
                                        <div class="ms-email-img mr-3 ">
                                            <img src="../../assets/img/dashboard/employee-list/employee-(3).jpg" class="ms-img-round" alt="people">
                                        </div>
                                        <div class="media-body ms-email-details">
                                            <span class="ms-email-sender">John Doe</span>
                                            <h6 class="ms-email-subject">[WordPress] New Comment</h6>
                                            <span class="ms-email-time">2 Hours ago</span>
                                            <p class="ms-email-msg">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In in arcu turpis. Nunc</p>
                                        </div>
                                        <div class="dropdown">
                                            <a href="#" class="ms-hoverable-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <i class="material-icons">more_vert</i>
                                            </a>
                                            <ul class="dropdown-menu dropdown-menu-right">
                                                <li class="ms-dropdown-list">
                                                    <a class="media p-2" href="#">
                                                        <div class="media-body">
                                                            <span>Mark as read</span>
                                                        </div>
                                                    </a>
                                                    <a class="media p-2 ms-pin-email" href="#">
                                                        <div class="media-body">
                                                            <span>Flag</span>
                                                        </div>
                                                    </a>
                                                    <a class="media p-2" href="#">
                                                        <div class="media-body">
                                                            <span>Archive</span>
                                                        </div>
                                                    </a>
                                                    <a class="media p-2" href="#">
                                                        <div class="media-body">
                                                            <span>Delete</span>
                                                        </div>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="media ms-email pinned clearfix">
                                        <div class="ms-email-controls">
                                            <label class="ms-checkbox-wrap">
                                            <input type="checkbox" value="">
                                            <i class="ms-checkbox-check"></i>
                                            </label>
                                            <i class="material-icons ms-pin-email">flag</i>
                                        </div>
                                        <div class="ms-email-img mr-3 ">
                                            <img src="../../assets/img/dashboard/employee-list/employee-(5).jpg" class="ms-img-round" alt="people">
                                        </div>
                                        <div class="media-body ms-email-details">
                                            <span class="ms-email-sender">John Doe</span>
                                            <h6 class="ms-email-subject">[WordPress] New Comment</h6>
                                            <span class="ms-email-time">2 Hours ago</span>
                                            <p class="ms-email-msg">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In in arcu turpis. Nunc</p>
                                        </div>
                                        <div class="dropdown">
                                            <a href="#" class="ms-hoverable-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <i class="material-icons">more_vert</i>
                                            </a>
                                            <ul class="dropdown-menu dropdown-menu-right">
                                                <li class="ms-dropdown-list">
                                                    <a class="media p-2" href="#">
                                                        <div class="media-body">
                                                            <span>Mark as read</span>
                                                        </div>
                                                    </a>
                                                    <a class="media p-2 ms-pin-email" href="#">
                                                        <div class="media-body">
                                                            <span>Flag</span>
                                                        </div>
                                                    </a>
                                                    <a class="media p-2" href="#">
                                                        <div class="media-body">
                                                            <span>Archive</span>
                                                        </div>
                                                    </a>
                                                    <a class="media p-2" href="#">
                                                        <div class="media-body">
                                                            <span>Delete</span>
                                                        </div>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="media ms-email clearfix">
                                        <div class="ms-email-controls">
                                            <label class="ms-checkbox-wrap">
                                            <input type="checkbox" value="">
                                            <i class="ms-checkbox-check"></i>
                                            </label>
                                            <i class="material-icons ms-pin-email">flag</i>
                                        </div>
                                        <div class="ms-email-img mr-3 ">
                                            <img src="../../assets/img/dashboard/employee-list/employee-(7).jpg" class="ms-img-round" alt="people">
                                        </div>
                                        <div class="media-body ms-email-details">
                                            <span class="ms-email-sender">John Doe</span>
                                            <h6 class="ms-email-subject">[WordPress] New Comment</h6>
                                            <span class="ms-email-time">2 Hours ago</span>
                                            <p class="ms-email-msg">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In in arcu turpis. Nunc</p>
                                        </div>
                                        <div class="dropdown">
                                            <a href="#" class="ms-hoverable-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <i class="material-icons">more_vert</i>
                                            </a>
                                            <ul class="dropdown-menu dropdown-menu-right">
                                                <li class="ms-dropdown-list">
                                                    <a class="media p-2" href="#">
                                                        <div class="media-body">
                                                            <span>Mark as read</span>
                                                        </div>
                                                    </a>
                                                    <a class="media p-2 ms-pin-email" href="#">
                                                        <div class="media-body">
                                                            <span>Flag</span>
                                                        </div>
                                                    </a>
                                                    <a class="media p-2" href="#">
                                                        <div class="media-body">
                                                            <span>Archive</span>
                                                        </div>
                                                    </a>
                                                    <a class="media p-2" href="#">
                                                        <div class="media-body">
                                                            <span>Delete</span>
                                                        </div>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="media ms-email pinned clearfix">
                                        <div class="ms-email-controls">
                                            <label class="ms-checkbox-wrap">
                                            <input type="checkbox" value="">
                                            <i class="ms-checkbox-check"></i>
                                            </label>
                                            <i class="material-icons ms-pin-email">flag</i>
                                        </div>
                                        <div class="ms-email-img mr-3 ">
                                            <img src="../../assets/img/dashboard/employee-list/employee-(2).jpg" class="ms-img-round" alt="people">
                                        </div>
                                        <div class="media-body ms-email-details">
                                            <span class="ms-email-sender">John Doe</span>
                                            <h6 class="ms-email-subject">[WordPress] New Comment</h6>
                                            <span class="ms-email-time">2 Hours ago</span>
                                            <p class="ms-email-msg">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In in arcu turpis. Nunc</p>
                                        </div>
                                        <div class="dropdown">
                                            <a href="#" class="ms-hoverable-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <i class="material-icons">more_vert</i>
                                            </a>
                                            <ul class="dropdown-menu dropdown-menu-right">
                                                <li class="ms-dropdown-list">
                                                    <a class="media p-2" href="#">
                                                        <div class="media-body">
                                                            <span>Mark as read</span>
                                                        </div>
                                                    </a>
                                                    <a class="media p-2 ms-pin-email" href="#">
                                                        <div class="media-body">
                                                            <span>Flag</span>
                                                        </div>
                                                    </a>
                                                    <a class="media p-2" href="#">
                                                        <div class="media-body">
                                                            <span>Archive</span>
                                                        </div>
                                                    </a>
                                                    <a class="media p-2" href="#">
                                                        <div class="media-body">
                                                            <span>Delete</span>
                                                        </div>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </main>
        <!-- Reminder Modal -->
        <script src="../../assets/reuseCode/reminderModal.js"></script>
        <!-- Notes Modal -->
        <script src="../../assets/reuseCode/notesModal.js"></script>
        <!--Modal-->
        <script src="../../assets/reuseCode/modal.js"></script>
        <!-- SCRIPTS -->
        <!-- Global Required Scripts Start -->
        <script src="../../assets/js/jquery-3.3.1.min.js"></script>
        <script src="../../assets/js/popper.min.js"></script>
        <script src="../../assets/js/bootstrap.min.js"></script>
        <script src="../../assets/js/perfect-scrollbar.js"> </script>
        <script src="../../assets/js/jquery-ui.min.js"> </script>
        <!-- Global Required Scripts End -->
        <!-- Mednalytics core JavaScript -->
        <script src="../../assets/js/framework.js"></script>
        <!-- Settings -->
        <script src="../../assets/js/settings.js"></script>
    </body>
</html>
